<script setup lang="ts">
import { myStore } from '@/store/my';
import PersonInfo from './components/PersonInfo.vue';
import PersonAdvantage from './components/PersonAdvantage.vue';
import PositionType from './components/PositionType.vue';
import ExcellentSkill from './components/ExcellentSkill.vue';
import WorkExperience from './components/WorkExperience.vue';
import ProjectExperience from './components/ProjectExperience.vue';
import EducationExperience from './components/EducationExperience.vue';

const store = myStore()
store.getResumeDetail()
store.getResumeDict()

// 返回
const leftBack = () => history.back()
</script>

<template>
    <van-nav-bar title="我的简历" left-arrow @click-left="leftBack" />
    <div class="resume">
        <PersonInfo :item="store.resumeInfo" />
        <PersonAdvantage />
        <PositionType />
        <ExcellentSkill />
        <WorkExperience />
        <ProjectExperience />
        <EducationExperience />
    </div>

    <router-link to="/my/resume/preview">
        <button class="resume-btn">预览简历</button>
    </router-link>

</template>

<style scoped>
.resume {
    height: calc(100vh - 46px - 3rem);
    overflow: auto;
}

.resume-btn {
    height: 2.35rem;
    background: linear-gradient(90deg, #FEA829, #FE8F27);
    border-radius: 0.27rem;
    margin: 0 0.64rem 0.64rem;
    position: fixed;
    bottom: 0;
    left: 0;
    width: calc(100vw - 1.28rem);
    border: none;
    font-size: 0.8rem;
    font-weight: 400;
    color: #FFFFFF;
}
</style>